<!DOCTYPE html>
<html>
    <head>
        <title>标梵小秘书</title>
        <meta name="description" content="标梵小秘书"/>
        <meta name="keywords" content="标梵小秘书"/>
        <meta charset="utf-8">
        <meta name="robots" content="all" />
        <meta name="author" content="biaofan.com.cn" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <link href="css/am.css" rel="stylesheet"/>
        <link href="css/iconfont.css" rel="stylesheet"/>
        <link href="css/style.css" rel="stylesheet"/>
        <link rel="stylesheet" href="css/flexslider.css">
        <script src="js/jquery.js"></script>
        <script src="js/jquery.flexslider.js"></script>
    </head>
    <body>

    <div class="webpage">

        <div class="page-service">

            <div class="banner fadeInUp wow">
                <ul class="slidese clear box-style1">
                    <!-- 阴影传色值 -->
                    <li style="box-shadow: 0 6px 10px pink;">
                        <a href="">
                            <img src="images/banner.png" alt="">
                        </a>
                    </li>
                    <li style="box-shadow: 0 6px 10px rgba(0,114,255,.4);">
                        <a href="">
                            <img src="images/service-banner.png" alt="">
                        </a>
                    </li>
                </ul>
            </div>

            <div class="all-service box-style1">
                <div class="module-top">
                    <h3 class="fadeInLeft wow">全部服务</h3>
                </div>
                <div class="service-list">
                    <ul class="lists">
                        <li class="wow">
                            <a href="./serviceCategory-1.html">
                                <i class="sprite"></i>
                                <div class="text">
                                    <h3 class="title">品牌网站建设</h3>
                                    <p class="text2">我们提供创意设计、网站建设、开发等全方位服务</p>
                                </div>
                                <i class="iconfont icon-tubiao-"></i>
                            </a>
                        </li>
                        <li class="wow">
                            <a href="./serviceCategory-2.html">
                                <i class="sprite"></i>
                                <div class="text">
                                    <h3 class="title">互联网营销推广</h3>
                                    <p class="text2">我们提供创意设计、网站建设、开发等全方位服务</p>
                                </div>
                                <i class="iconfont icon-tubiao-"></i>
                            </a>
                        </li>
                        <li class="wow">
                            <a href="./serviceCategory-3.html">
                                <i class="sprite"></i>
                                <div class="text">
                                    <h3 class="title">移动产品设计</h3>
                                    <p class="text2">我们提供创意设计、网站建设、开发等全方位服务</p>
                                </div>
                                <i class="iconfont icon-tubiao-"></i>
                            </a>
                        </li>
                        <li class="wow">
                            <a href="">
                                <i class="sprite"></i>
                                <div class="text">
                                    <h3 class="title">软件设计与开发</h3>
                                    <p class="text2">我们提供创意设计、网站建设、开发等全方位服务</p>
                                </div>
                                <i class="iconfont icon-tubiao-"></i>
                            </a>
                        </li>
                        <li class="wow">
                            <a href="">
                                <i class="sprite"></i>
                                <div class="text">
                                    <h3 class="title">品牌设计</h3>
                                    <p class="text2">我们提供创意设计、网站建设、开发等全方位服务</p>
                                </div>
                                <i class="iconfont icon-tubiao-"></i>
                            </a>
                        </li>
                        <li class="wow">
                            <a href="">
                                <i class="sprite"></i>
                                <div class="text">
                                    <h3 class="title">交互原型设计</h3>
                                    <p class="text2">我们提供创意设计、网站建设、开发等全方位服务</p>
                                </div>
                                <i class="iconfont icon-tubiao-"></i>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="return">
                    <a class="grad" href="">
                        <i class="iconfont icon-zixun"></i>
                    </a>
                </div>
            </div>
        </div>
    </div>


    <script src="js/base.js"></script>
    <script src="js/wow.min.js"></script>
    <script type="text/javascript">
        $(".service-list ul").each(function(){
            $(this).find("li").each(function(i){
                if(i == 1){
                    $(this).addClass("item1");
                }else{
                    $(this).addClass("item" + i);
                }
            });
        });

        var time;
        var thisObj = $('.service-list ul');
        time = setTimeout(function(){
            thisObj.find("li").each(function(i){
                var tA = $(this);
                setTimeout(function(){
                    tA.addClass('fadeInUp',300).fadeIn('fast');
                },150*i);
            });
        },200);
    </script>
    </body>
</html>
